<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,
    minmum-scale=1.0,user-scable=no">
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <!-- 引入css首页样式 -->
    <link rel="stylesheet" href="./css/index.css">
    <!-- 引入flexible.js文件 -->
    <script src="js/index.js"></script>
    <title>码云-web部分-HTML/CSS</title>
</head>

<body>
    <audio src="./田燚  - 喜欢.ogg" autoplay loop></audio>
    <div class="search-content">
        <h4>张 大 鑫 - -HTML/CSS 码 云 导 航 页</h4>
    </div>
    <div class="perspective">
        <div class="box">
            <div class="fromt">像是一个影子 住在你隔壁 </div>
            <div class="bottom">存在变的透明 才敢去靠近</div>
            <div class="top">想念 没声音</div>
            <div class="back">谁听见了 微弱的叹息</div>
            <div class="left">这样已经 算一种幸运</div>
            <div class="right">旁边你身边 热闹孤寂</div>
        </div>

    </div>
    <!--源码部分 -->
    <div class="first_line">
        <a href="https://gitee.com/zheteng0519/jingdong-mobile-terminal-case/blob/master/index.html"
            class="jd_yuanma">京东案例源码</a>
        <a href="https://gitee.com/zheteng0519/case-of-ctrip-mobile-terminal/blob/master/index.html"
            class="xc_yuanma">携程案例源码</a>
        <a href="https://gitee.com/zheteng0519/pyg/blob/master/index.html" class="pyg_yuanma">品优购源码</a>
        <a href="https://gitee.com/zheteng0519/learning-online-case/blob/master/index.html"
            class="xczx_yuanma">学成在线源码</a>
        <a href="https://gitee.com/zheteng0519/suning/blob/master/index.html" class="sn_yuanma">苏宁案例源码</a>
        <a href="https://gitee.com/zheteng0519/albx/blob/master/index.html" class="albx_yuanma">阿里百秀源码</a>
        <a href="https://gitee.com/zheteng0519/heimamm/blob/master/index.html" class="hmmm_yuanma">黑马面面源码</a>
    </div>
    <!-- css部分 -->
    <div class="css">
        <a href="https://gitee.com/zheteng0519/jingdong-mobile-terminal-case/blob/master/css/index.css"
            class="jd_css">京东案例CSS</a>
        <a href="https://gitee.com/zheteng0519/case-of-ctrip-mobile-terminal/blob/master/css/index.css"
            class="xc_css">携程案例CSS</a>
        <a href="https://gitee.com/zheteng0519/pyg/blob/master/css/index.css" class="pyg_css">
            品优购CSS</a>
        <a href="https://gitee.com/zheteng0519/learning-online-case/blob/master/style.css" class="xczx_css">学成在线CSS</a>
        <a href="https://gitee.com/zheteng0519/suning/blob/master/css/index.css" class="sn_css">
            苏宁案例CSS</a>
        <a href="https://gitee.com/zheteng0519/albx/blob/master/css/index.css" class="albx_css">
            阿里百秀CSS</a>
        <a href="https://gitee.com/zheteng0519/heimamm/blob/master/css/index.css" class="hmmm_css">
            黑马面面CSS</a>
    </div>


    <!-- 首页部分 -->
    <div class="home">
        <a href="http://zheteng0519.gitee.io/jingdong-mobile-terminal-case" class="jd_home">京东案例首页</a>
        <a href="http://zheteng0519.gitee.io/case-of-ctrip-mobile-terminal" class="xc_home">携程案例首页</a>
        <a href="http://zheteng0519.gitee.io/pyg" class="pyg_home">
            品优购首页</a>
        <a href=" http://zheteng0519.gitee.io/learning-online-case" class="xczx_home">学成在线首页</a>
        <a href="http://zheteng0519.gitee.io/suning" class="sn_home">
            苏宁案例首页</a>
        <a href="http://zheteng0519.gitee.io/albx" class="albx_home">
            阿里百秀首页</a>
        <a href="http://zheteng0519.gitee.io/heimamm" class="hmmm_home">
            黑马面面首页</a>
    </div>


    <!-- UI部分 -->
    <div class="ui">
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E9%BB%91%E9%A9%AC-%E6%9F%A5%E8%AF%A2.psd"
            class="ui_hm1">黑马查询页面UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E9%BB%91%E9%A9%AC-%E9%9D%A2%E8%AF%95%E6%8A%80%E5%B7%A7.psd"
            class="ui_hm2">黑马面试技巧UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E9%BB%91%E9%A9%AC-%E6%A8%A1%E6%8B%9F%E9%9D%A2%E8%AF%95.psd"
            class="ui_hm3">黑马模拟面试UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E9%BB%91%E9%A9%AC-%E9%A6%96%E9%A1%B5.psd"
            class="ui_hm4">黑马首页UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E9%BB%91%E9%A9%AC-%E5%88%B7%E9%A2%98%E8%AF%A6%E6%83%85%E9%A1%B5.psd"
            class="ui_hm5">黑马刷题详情页UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E5%93%81%E4%BC%98%E8%B4%AD-%E7%94%B5%E5%95%86-%E4%B8%BB%E9%A1%B5-gai.psd"
            class="ui_pyg1">品优购首页UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E5%93%81%E4%BC%98%E8%B4%AD-%E7%94%B5%E5%95%86-%E5%88%86%E7%B1%BB%E5%88%97%E8%A1%A8%E9%A1%B5.psd"
            class="ui_pyg2">品优购列表页UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E5%93%81%E4%BC%98%E8%B4%AD-%E7%94%B5%E5%95%86-%E6%B3%A8%E5%86%8C.psd"
            class="ui_pyg3">品优购注册页UI</a>
        <a href="https://gitee.com/zheteng0519/UI/blob/master/%E5%AD%A6%E6%88%90%E7%BD%91%E9%A6%96%E9%A1%B5.psd"
            class="ui_xc">学成在线首页UI</a>
    </div>
</body>

<!-- UI部分 -->
<div class="records_bootstrap">
    <div class="records">
        <a href="https://gitee.com/zheteng0519/html-css-notes/tree/master
        ">
            CSS/HTML笔记
        </a>
    </div>
    <div class="bootstrap">
        <a href="https://gitee.com/zheteng0519/bootstrap/tree/master">
            Bootstrap笔记
        </a>
    </div>
</div>
</body>

</html>